{#  /StudX_dir/StudX/student/templates/student/student_details/student_details_profile_card.html #}

{% load i18n %}

 <div class="card">
	<div class="card-body">
	   {% if student_record.picture %}
	   <img class="rounded-circle mx-auto d-block" src="/student{{ student_record.picture.url }}" height="100" width="100" alt="{{ student_record.fname}} {{student_record.lname}}" />
	   {% else %}
	   <img class="rounded-circle mx-auto d-block" height="100" width="100" src="/student/images/profile/default_user.jpeg" alt="default_img"/>
	   {% endif %}
	   <h4 class="profile-username text-center">{{ student_record.fname}} {{student_record.lname}}</h4>
	   <ul class="list-group">
		  <li class="list-group-item"><b>{% trans "Matricule" %}</b><a class="float-right text-aqua">{{ student_record.matricule }}</a></li>
		  <li class="list-group-item"><b>{% trans "Classe"%}</b><a class="float-right text-aqua">{{ student_record.classe.classe_name }}</a></li>
		  <li class="list-group-item"><b>{% trans "Gender" %}</b><a class="float-right text-aqua">{{ student_record.get_gender_display }}</a></li>
		  <li class="list-group-item"><b>Age</b><a class="float-right text-aqua">{{ student_record.get_age }}</a></li>
	   </ul>
	</div>
 </div>